<!DOCTYPE html>
<html>
<!-- head -->
<#include "../common/assignparam.ftl"  />
<@header deep="2"/>
<script type="text/javascript">

</script>
<body class="body">
<!-- 头部 -->
<#assign currentChannel="course"/>
<#include "../common/header.ftl"  />  
<div class="wrapper">
	<div class="centre container tre-conta" >				
		<div class="row sylla-bus" >
		   <div id="breadChippingBox">
                        <!-- 此处是面包屑导航模板 -->  
            </div>  
			<div id="myNav" class="bs-docs-sidebar hidden-print hidden-xs hidden-sm affix-top col-md-2 col-sm-2" >
			  
				<div class="article-list-main" style="padding-right:0 !important;">
	                <div id="aside" class="f_l">
						<div class="aside-allCategory">
						    <div class="hd" style="cursor: pointer;">
						        <h2>&nbsp;&nbsp;<a><i class="glyphicon glyphicon-facetime-video"></i>课程库</a></h2>
						    </div>
						    <div class="bd">
						          <!-- 此处插入侧边栏课程库模板  -->
							</div>        
						      </div>
						    </div>              
						 </div>
					</div>
	           
			
			<div class="col-md-10">
				<div class="row">          
					<div class="center-title centre-title-1 col-md-12">
                        <span id="curricula"  class="active">
                            <a class="allCourse" id="allCourse">全部课程</a>
                        </span>
						 <ul>
						 <li id="newEst"><a>最新</a></li>
						 <li id="hotTest"><a>最热</a></li>
						 </ul>
					</div>					
						<section class="course-list-section " id="course-list-section">
			            <!-- 此处是内容区域模板 -->
			          	</section>
			          	<!-- <input type="hidden" name="queryClassifyId" value=""/>
			          	<input type="hidden" name="hotNews" value=""/> -->
			          	<nav class="paging"></nav>
				</div>
			</div>
		</div>				
	</div>
</div>
<!--底部-->

<@portalFooter deep="2"/>
<!-- 侧边栏快捷操作 -->

<#include "../common/learningCenterSlider.ftl"  />  
<!-- <div id="login-modal" class="modal" data-url="/login/ajax"></div>
<div id="modal" class="modal"></div> -->
<!-- 课程列表页面导航模板 -->
<script type="text/template" id="courseListNavTpl">
   
</script>
<!-- 课程列表页面内容区域 -->
<script type="text/template" id="courseListContentTpl">
  <% _.each(courseList,function(item){%>
   <div class="col-md-4 col-sm-4">
    	<div class="cc-l-wrap int-wrap">
           	<!-- <p class="tag_live"></p> -->
        	<section class="course-img">
            	<img class="img-responsive" src="${contextPath}/components/gtattachment/open/downloadAttachment.json?attachmentId=<%=item.defaultImageId%>">
                <div class="cc-mask">
                  	<a href="${contextPath}/portal/courselibrary/toDetail#<%=item.courseId%>" class="comm-btn c-btn-1">开始学习</a>
                </div>
            </section>
            <h3 class="hLh30 txtOf mt10">
                <a href="${contextPath}/portal/courselibrary/toDetail#<%=item.courseId%>" class="course-title fsize18 c-333 text-ellipsis"><%=item.courseName%></a>     	          
            </h3>
            <section class="mt10 hLh20 of">
                <span class="fr jgTag bg-orange"><tt class="c-fff fsize14 f-fG">作者：<%=item.author%></tt></span>
                <%if(item.time){%>
                <span class="fl jgAttr c-ccc f-fA"><tt class="c-999 f-fA">发布时间：<%=item.time%></tt></span>
                <%}%>
            </section>
        </div>          
    </div>
   <%})%>
</script> 
  <!-- 左侧折叠菜单的模板 -->
<script type="text/template" id="courseSliderTpl">
      <ul class="noaside-cList" style="width:auto;">
      <% _.each(classifyList,function(item){%> 
            <li> 
              <div class="courseAsideList">
                <a title="<%=item.classifyName%>" class="Taxonomy <%if(item.selected){%>active<%}%>" classifyId=<%=item.classifyId%>><%=item.classifyNameNew%>
                </a>     
               </div>
          </li>	
       <%})%>					           
     </ul>
</script>
  <!-- 左侧折叠菜单的模板 -->
<script type="text/template" id="courseSliderTpl2">
      <ul class="aside-cList" style="width:auto;">
      <% _.each(classifyList,function(item){%>
            <li> 
              <div class="courseAsideList">
                <a class="Taxonomy <%if(item.selected){%>active<%}%>" classifyId=<%=item.classifyId%>><%=item.classifyName%>
                <i class="glyphicon glyphicon-menu-right"></i>
                </a>     
                  <div class="list-show">
                    <div class="list-showLayer"> 
                     <%_.each(item.children,function(second){%>                           
					  <dl>
						<dt><a class="Taxonomy <%if(second.selected){%>active<%}%>"  classifyId=<%=second.classifyId%>><%=second.classifyName%></a></dt>
						 <%_.each(second.children,function(three){%>
						<dd class="cf">
						  <a class="Taxonomy <%if(three.selected){%>active<%}%>"  classifyId=<%=three.classifyId%>><%=three.classifyName%></a>
						</dd>
						<%})%> 
					  </dl>
					  <%})%>		                       
                    </div>
                  </div>        
               </div>
          </li>	
       <%})%>					           
     </ul>
</script>
<!-- 面包屑导航模板 -->
<script type="text/template" id="crumbsNav">
    <%if(data.length >= 1){%>
	<ol class="breadcrumb breadcrumb-o" id="breadChipping">
    <li ><a id="crumbsNavCourse"  class="allCourse">全部课程</a></li>
     <%_.each(data,function(item,i){%>
      <li><%if(i < (data.length-1)){%><a class="Taxonomy" classifyid="<%=item.classifyId%>"><%=item.classifyName%></a><%}else{%><%=item.classifyName%> <%}%></li>
    <% }) %>
    </ol>
    <%} else{%>
     <div id="clearWall"></div>
     <%}%>  
</script>
<script type="text/javascript" src="${contextPath}/common/klxlearning/underscore-1.8.3-min.js"></script>
<script type="text/javascript" src="${contextPath}/common/klxlearning/myJs/courseLibrary.js"></script>
   </body>
</html>
